<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style>
	.right02 { padding:9px 10px;height:50px; }
	.right02 .r_img { float:left; }
	.right02 .r_desc {  float:left;padding:10px 0 0 30px;line-height:20px;overflow:hidden; }

	.right03 { padding:9px 10px }
	.right03 .caption { height:30px;border-top:1px solid #BFC4CA;background:#E1E5EE;line-height:30px;font-size:12px;color:#333333;font-weight:bold;padding-left:15px; }
	#info { width:100%;text-align:center;font-size:12px; }
	#info tr td { padding:5px; }

	

</style>
<script type="text/javascript" src="./js/jquery-1.12.1.js"></script>
<script type="text/javascript" src="./js/env.js"></script>
</head>
<body>


<div class="rrcc" id="RightBox">
	<div class="right" id="li010">
		<div class="right01"><img src="images/04.gif" /> &nbsp; 功能列表 &gt; <span>环境信息</span></div>
		<div class="right02">
			<div class="r_img"><img width="54" height="55" src="./images/env.png"></div>
			<div class="r_desc">在这里，您可以查看仓库内的环境信息实时数据！<br/>
							包括温度，湿度，光照，加速度等以及仓库的设备状态。
			</div>
		</div>
		
		<div class="right03">
			<div class="caption">
				当前实时数据
			</div>
			<div class="content">

				<table id="info">
					<tr>
						<td></td>
						<td></td>
					</tr>
					<tr style="background:#F2F2F2">
						<td>环境温度</td>
						<td id="temperature">24.0°C</td>
					</tr>
					<tr style="background:#F8F9FB">
						<td>环境湿度</td>
						<td id="humidity">16.0%</td>
					</tr>
					<tr style="background:#F2F2F2">
						<td>环境光照</td>
						<td id="illumination">13.0lux</td>
					</tr>
					<tr style="background:#F8F9FB">
						<td>电池电量</td>
						<td id="battery">3.16V</td>
					</tr>
					<tr style="background:#F2F2F2">
						<td>模拟电压</td>
						<td id="voltage">2.75V</td>
					</tr>
					<tr style="background:#F8F9FB">
						<td>设备姿态</td>
						<td>
							<table style="margin:0 auto">
								<tr>
									<td></td>
									<td>X</td>
									<td>Y</td>
									<td>Z</td>
								</tr>
								<tr>
									<td>原始值</td>
									<td>-67</td>
									<td>-10</td>
									<td>31</td>
								</tr>
								<tr>
									<td>加速度</td>
									<td id="x">10.3</td>
									<td id="y">1.5</td>
									<td id="z">-4.7</td>
								</tr>
								<tr>
									<td>角速度</td>
									<td>-90.0</td>
									<td>-9.0</td>
									<td>29.0</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>

			</div>
		</div>
	</div>
</div>

</body>
</html>